import { Swiper } from "antd-mobile";
import "./index.css";
export default function Banner() {
    const banners = [
        {
            id: 1,
            image: "https://dummyimage.com/800x300/50B347/FFF&text=banner1",
        },
        {
            id: 2,
            image: "https://dummyimage.com/800x300/b63434/FFF&text=banner2",
        },
        {
            id: 3,
            image: "https://dummyimage.com/800x300/a02a94/FFF&text=banner3",
        },
    ];
    return (
        <div className="banner-container">
            <Swiper autoplay loop>
                {banners.map((banner) => (
                    <Swiper.Item key={banner.id}>
                        <div className="banner-item">
                            <img src={banner.image} />
                        </div>
                    </Swiper.Item>
                ))}
            </Swiper>
        </div>
    );
}
